*{
	margin: 0;
	padding: 0;
}
ul li{
	list-style: none;
}
.fl{
	float: left;
}
.fr{
	float: right;
}
.clear{
	clear: both;
}
body{
	padding: 10px;
}
.title{
	margin-top: 30px;
	width: 100%;
	text-align: center;
	font-size: 20px;
	padding: 10px 0;
}
.box1{
	width: 100%;
	margin: 0 auto;
}
/* .box1 li{
	float: left;
} */
.ul1{
	display: flex;
	text-align: center;
}
.ul1 li{
	padding: 20px 0;
	flex: 2;
}
.ul1 li{
	font-size: 12px;
}
.box2{
	width: 100%;
	margin: 0 auto;
}
.box2 li{
	/* float: left; */
}
.ul2{
	display: flex;
	text-align: center;
}
.ul2 li{
	flex: 2;
	padding: 20px 0;
}
.ul2 li{
	font-size: 12px;
}
.img{
	
	width: 100%;
}
.ul3{
	display: flex;
	padding: 20px 0;
	width: 100%;
}
.ul3 li{
	flex: 2;
	display: block;
	float: left;
	text-align: center;
}
.ul3 li img{
	margin: 0 auto;
	width: 30px;
	height: 30px;
}
.ul4{
	width: 100%;
	display: flex;
	text-align: center;
	padding: 20px 0;
}
.ul4 li{
	flex: 2;
}
.ul5{
	width: 100%;
	display: flex;
	text-align: center;
	padding: 20px 0;
}
.ul5 li{
	flex: 2;
}
.ul6{
	display: flex;
	padding: 20px 0;
	width: 100%;
}
.ul6 li{
	flex: 2;
	display: block;
	float: left;
	text-align: center;
}
.ul6 li img{
	margin: 0 auto;
	width: 30px;
	height: 30px;
}
.night{
	display: flex;
	width: 100%;
	/* padding: 20px 0; */
	text-align: center;
}
.night li{
	flex: 2;
}
.day{
	/* padding: 20px 0; */
	display: flex;
	width: 100%;
	text-align: center;
}
.day li{
	flex: 2;
}
.night1{
	display: flex;
	width: 100%;
	/* padding: 20px 0; */
	text-align: center;
}
.night1 li{
	flex: 2;
}
.day1{
	/* padding: 20px 0; */
	display: flex;
	width: 100%;
	text-align: center;
}
.day1 li{
	flex: 2;
}